<template>
	<u-modal :show="showBox"  :title="title" :closeOnClickOverlay="true"  showCancelButton closeOnClickOverlay @confirm="confirmBox"  @cancel="()=>{this.showBox=false}">
		<view class="slot-content">
			<rich-text :nodes="content"></rich-text>
		</view>
	</u-modal>

</template>

<script>
	import  parentPage from '@/common/parent-page.js';
	var _self;
	export default {
		extends:parentPage,
		name: 'ArticleList',
		props: {
			show: {type: Boolean,default: false},
			title: {type: String,default: ""},
			content: {type: String,default: ""},
			isConfirm: {type: Boolean,default: false}
		},
		data() {
			return {
				showBox:false,	
			}
		},
		
		
		watch:{
			show(val){
				this.showBox=val;
			},

			showBox(val){
				this.$emit('update:show', val);
			}
				 
		},
		created() {
			_self = this;
			/*this.$nextTick(() => {
			    this.initData();
			})*/
		},
		
		methods: {
			initData(){
				//this.showAgree=true;				
			},
			cancel(e){
				this.showBox=false;
			},
			confirmBox(e){
				this.showBox=false;
				console.log("666");
				this.$emit('update:isConfirm',true);
			},
			submitForm(){
				
			}
		}
	}

</script>

<style>
	@import 'app-text-box.css';
</style>
